<%--
  Created by IntelliJ IDEA.
  User: 27804
  Date: 2023/6/15
  Time: 13:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/public.css" media="all">
    <style>
        body {
            background-color: #F2F2F2;
        }

        .layui-card {
            /* border: 1px solid #f2f2f2; */
            border-radius: 5px;
            color: #F8F8F8;
            background-color: #363636;
        }

        .layui-card-header {
            border: none;
            color: #F8F8F8;
            background-color: #464646;


        }

        .layui-card-content {
            border: none;
            color: #F8F8F8;

        }

        .icon {
            margin-right: 10px;
            color: #1aa094;
        }

        .icon-cray {
            color: #ffb800 !important;
        }

        .icon-blue {
            color: #1e9fff !important;
        }

        .icon-tip {
            color: #ff5722 !important;
        }

        .layuimini-qiuck-module {
            text-align: center;
            margin-top: 10px
        }

        .layuimini-qiuck-module a i {
            display: inline-block;
            width: 100%;
            height: 60px;
            line-height: 60px;
            text-align: center;
            border-radius: 2px;
            font-size: 30px;
            background-color: #F8F8F8;
            color: #333;
            transition: all .3s;
            -webkit-transition: all .3s;
        }

        .layuimini-qiuck-module a cite {
            position: relative;
            top: 2px;
            display: block;
            color: #666;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            font-size: 14px;
        }

        .welcome-module {
            width: 100%;
        }

        .panel {
            background-color: #fff;
            border: 1px solid transparent;
            border-radius: 3px;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
        }

        .panel-body {
            padding: 10px
        }

        .panel-title {
            margin-top: 0;
            margin-bottom: 0;
            font-size: 12px;
            color: inherit
        }

        .label {
            display: inline;
            padding: .2em .6em .3em;
            font-size: 75%;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: .25em;
            margin-top: .3em;
        }

        .layui-red {
            color: red
        }

        .main_btn>p {
            height: 40px;
        }

        .layui-bg-number {
            background-color: #464545;
        }

        .layuimini-notice:hover {
            /* background: #f6f6f6;
             */
            color: #fff;
        }

        .layuimini-notice {
            padding: 7px 16px;
            clear: both;
            font-size: 12px !important;
            cursor: pointer;
            position: relative;
            transition: background 0.2s ease-in-out;
        }

        .layuimini-notice-title,
        .layuimini-notice-label {
            padding-right: 70px !important;
            text-overflow: ellipsis !important;
            overflow: hidden !important;
            white-space: nowrap !important;
        }

        .layuimini-notice-title {
            line-height: 28px;
            font-size: 14px;
        }

        .layuimini-notice-extra {
            position: absolute;
            top: 50%;
            margin-top: -8px;
            right: 16px;
            display: inline-block;
            height: 16px;
            color: #999;
        }

        .iclogo {
            height: 30px;
            width: 30px;
        }

        .layuimini-container {
            background-color: #303133;
            color: #fff;
            border: none;
        }
.layui-dropdown{
    background-color: #363636;
    border: none;
}
.layui-dropdown li {
    background-color: #464646;
 
    margin: auto;
}
li a {
    color: #fff;
}
        /* .layui-row  *{
            background-color: #606266;
        } */
    </style>
</head>

<body onload="showTime()">
    <div class="layuimini-container">
        <div class="layuimini-main">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs12 layui-col-md12">

                    <div class="layui-card top-panel">
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-xs12 layui-col-md9" style="display: flex; align-items: center;">
                                <img src="${pageContext.request.contextPath}/static/images/logo.png" alt="" srcset="" style="height: 80px;width: 80px;">
                                <div style="margin-left: 20px;">
                                    <p class="layui-font-20">你好“夹心糖”</p>
                                    <p class="layui-font-12" id="time_now">动态时间</p>
                                </div>
                            </div>
                            <div class="layui-col-xs12 layui-col-md3"
                                style="display: flex; align-items: center;height: 80px;">
                                <div style="margin-left: 20px;">
                                    <p class="layui-font-12">订单数量</p>
                                    <p class="layui-font-20" id="orderFromCount"></p>
                                </div>
                                <div style="margin-left: 20px;">
                                    <p class="layui-font-12">客户数量</p>
                                    <p class="layui-font-20" id="clientHome"></p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="layui-col-md8">
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-md12">
                            <div class="layui-card">
                                <div class="layui-card-header">
                                    <div style="display: flex;justify-content: space-between;">
                                        <p>数据统计</p>
                                        <p id="demo1">更多</p>
                                    </div>
                                </div>
                             <div class="layui-card-body">
                                    <div class="welcome-module">
                                        <div class="layui-row layui-col-space10" id="ordeId">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="layui-col-md12">
                            <div class="layui-row">
                                <div class="layui-col-xs12 layui-col-md6">
                                    <div class="layui-card">
                                        <div id="echarts-pies" style="min-height:400px;"></div>
                                    </div>


                                </div>
                                <div class="layui-col-xs12 layui-col-md6">
                                    <div class="layui-card">
                                        <div id="echarts-dataset" style="min-height:400px;"></div>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="layui-col-md4">



                    <div class="layui-card">
                        <div class="layui-card-header">快捷入口</div>
                        <div class="layui-card-body layui-text">
                            <div class="layui-row">
                                <div class="layui-col-xs4">
                                    <div class="layui-card">
                                        <div class="layui-card-body">
                                            预留
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs4">
                                    <div class="layui-card">
                                        <div class="layui-card-body">
                                            预留
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs4">
                                    <div class="layui-card">
                                        <div class="layui-card-body">
                                            预留
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs4">
                                    <div class="layui-card">
                                        <div class="layui-card-body">
                                            预留
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs4">
                                    <div class="layui-card">
                                        <div class="layui-card-body">
                                            预留
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs4">
                                    <div class="layui-card">
                                        <div class="layui-card-body">
                                            预留
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-card">
                        <div class="layui-card-header">
                            <div style="display: flex;justify-content: space-between;">
                                <p>通知公告</p>
                                <p id="demo2">更多</p>
                            </div>
                        </div>
                        <div class="layui-card-body layui-text">
                            <div class="layuimini-notice">
                                <div class="layuimini-notice-title">修改选项卡样式</div>
                                <div class="layuimini-notice-extra">2019-07-11 23:06</div>
                                <div class="layuimini-notice-content layui-hide">
                                    界面足够简洁清爽。<br>
                                    一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                    支持多tab，可以打开多窗口。<br>
                                    支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                    失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                    url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                    刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                    移动端的友好支持。<br>
                                </div>
                            </div>
                            <div class="layuimini-notice">
                                <div class="layuimini-notice-title">新增系统404模板</div>
                                <div class="layuimini-notice-extra">2019-07-11 12:57</div>
                                <div class="layuimini-notice-content layui-hide">
                                    界面足够简洁清爽。<br>
                                    一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                    支持多tab，可以打开多窗口。<br>
                                    支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                    失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                    url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                    刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                    移动端的友好支持。<br>
                                </div>
                            </div>
                            <div class="layuimini-notice">
                                <div class="layuimini-notice-title">新增treetable插件和菜单管理样式</div>
                                <div class="layuimini-notice-extra">2019-07-05 14:28</div>
                                <div class="layuimini-notice-content layui-hide">
                                    界面足够简洁清爽。<br>
                                    一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                    支持多tab，可以打开多窗口。<br>
                                    支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                    失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                    url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                    刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                    移动端的友好支持。<br>
                                </div>
                            </div>
                            <div class="layuimini-notice">
                                <div class="layuimini-notice-title">修改logo缩放问题</div>
                                <div class="layuimini-notice-extra">2019-07-04 11:02</div>
                                <div class="layuimini-notice-content layui-hide">
                                    界面足够简洁清爽。<br>
                                    一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                    支持多tab，可以打开多窗口。<br>
                                    支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                    失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                    url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                    刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                    移动端的友好支持。<br>
                                </div>
                            </div>
                            <div class="layuimini-notice">
                                <div class="layuimini-notice-title">修复左侧菜单缩放tab无法移动</div>
                                <div class="layuimini-notice-extra">2019-06-17 11:55</div>
                                <div class="layuimini-notice-content layui-hide">
                                    界面足够简洁清爽。<br>
                                    一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                    支持多tab，可以打开多窗口。<br>
                                    支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                    失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                    url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                    刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                    移动端的友好支持。<br>
                                </div>
                            </div>
                            <div class="layuimini-notice">
                                <div class="layuimini-notice-title">修复多模块菜单栏展开有问题</div>
                                <div class="layuimini-notice-extra">2019-06-13 14:53</div>
                                <div class="layuimini-notice-content layui-hide">
                                    界面足够简洁清爽。<br>
                                    一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                    支持多tab，可以打开多窗口。<br>
                                    支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                    失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                    url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                    刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                    移动端的友好支持。<br>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <script src="${pageContext.request.contextPath}/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/static/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/static/js/jquery-3.6.0.js" charset="utf-8"></script>
    <script>
        orderFromCount();
        function orderFromCount() {
            $.ajax({
                "url": "${pageContext.request.contextPath}/ClientS/clientHomePageRendering",
                "type": "get",
                "data": {} ,
                "dataType": "json",
                "success": function(result) {
                    $('#clientHome').html(JSON.stringify(result.length))
                },
                "error": function() {
                    layer.alert("网络正忙")
                }
            });
            $.ajax({
                "url": "${pageContext.request.contextPath}/orderFrom/getOrderFromCount",
                "type": "get",
                "data": {} ,
                "dataType": "text",
                "success": function(result) {
                    $('#orderFromCount').html(result)
                },
                "error": function() {
                    layer.alert("网络正忙")
                }
            });
            $.ajax({
                "url": "${pageContext.request.contextPath}/orderFrom/renderHomeOrder",
                "type": "get",
                "data": {} ,
                "dataType": "json",
                "success": function(result) {
                    let  html = "";
                    for (var i in result){
                        html +=`
                        <div class="layui-col-xs4 laymodle" data-quotation-number="\${result[i].quotationNumber}">
                                                <div class="panel layui-bg-number">
                                                    <div class="panel-body">
                                                        <div class="panel-title">
                                                            <img src="${pageContext.request.contextPath}/static/images/logo.png" alt="" srcset="" class="iclogo">
                                                            <span>订单号：\${result[i].quotationNumber}</span>
                                                        </div>
                                                        <div class="panel-content">
                                                            <p style="margin: 15px 0;"></p>
                                                            <div class="layui-row">
                                                                <div class="layui-col-xs6">
                                                                    交期时间
                                                                </div>
                                                                <div class="layui-col-xs6">
                                                                    \${result[i].deliveryTime}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                         `
                    }
                    $('#ordeId').append(html);
                },
                "error": function() {
                    layer.alert("网络正忙")
                }
            });
        }
    </script>

    <script>
        function showTime(){
            let date =new Date();
            let year=date.getFullYear();
            let month=date.getMonth();
            let day=date.getDate();
            let week=date.getDay();
            switch (week) {
                case 1:
                    week = "星期一";
                    break;
                case 2:
                    week = "星期二";
                    break;
                case 3:
                    week = "星期三";
                    break;
                case 4:
                    week = "星期四";
                    break;
                case 5:
                    week = "星期五";
                    break;
                case 6:
                    week = "星期六";
                    break;
                case 0:
                    week = "星期日";
                    break;
            }
            let hour=date.getHours();
            let minute=date.getMinutes();
            let second=date.getSeconds();
            second=second<10?"0"+second :second;
            let current = year + "-" + (month+1) + "-" + day + " " + week + " " + hour + ":" + minute + ":" + second;
            document.getElementById("time_now").innerHTML=current;
        }
        setInterval("showTime()",1000);//每隔1000毫秒（即1秒）显示一次当前时间

        layui.use(['layer', 'miniTab', 'echarts', 'dropdown'], function () {
            var $ = layui.jquery,
                layer = layui.layer,
                miniTab = layui.miniTab,
                dropdown = layui.dropdown,
                echarts = layui.echarts;

            miniTab.listen();
            /*dropdown.render({
                elem: '#demo1' //可绑定在任意元素中，此处以上述按钮为例
                ,
                data: [{
                    title: 'menu item 1'
                    , id: 100
                    , href: '#'
                }, {
                    title: 'menu item 2'
                    , id: 101
                    , href: 'https://www.layui.com/' //开启超链接
                    , target: '_blank' //新窗口方式打开
                },  {
                    title: 'menu item 3'
                    , id: 102
                    , type: 'group'  //菜单类型，支持：normal/group/parent/-
                    , child: [{
                        title: 'menu item 3-1'
                        , id: 103
                    }, {
                        title: 'menu item 3-2'
                        , id: 104
                        , child: [{
                            title: 'menu item 3-2-1'
                            , id: 105
                        }, {
                            title: 'menu item 3-2-2'
                            , id: 106
                        }]
                    }, {
                        title: 'menu item 3-3'
                        , id: 107
                    }]
                }, {
                    title: 'menu item 4'
                    , id: 108
                }, {
                    title: 'menu item 5'
                    , id: 109
                    , child: [{
                        title: 'menu item 5-1'
                        , id: 11111
                        , child: [{
                            title: 'menu item 5-1-1'
                            , id: 2111
                        }, {
                            title: 'menu item 5-1-2'
                            , id: 3111
                        }]
                    }, {
                        title: 'menu item 5-2'
                        , id: 52
                    }]
                },  {
                    title: 'menu item 6'
                    , id: 6
                    , type: 'group'
                    , isSpreadItem: false
                    , child: [{
                        title: 'menu item 6-1'
                        , id: 61
                    }, {
                        title: 'menu item 6-2'
                        , id: 62
                    }]
                }]
                , id: 'demo1'
                //菜单被点击的事件
                , click: function (obj) {
                    console.log(obj);
                    alert("asjdkjashldka")
                    layer.msg('回调返回的参数已显示再控制台');
                }
            });*/
         /*   dropdown.render({
                elem: '#demo2' //可绑定在任意元素中，此处以上述按钮为例
                ,
                data: [{
                    title: 'menu item 1'
                    , id: 100
                    , href: '#'
                }, {
                    title: 'menu item 2'
                    , id: 101
                    , href: 'https://www.layui.com/' //开启超链接
                    , target: '_blank' //新窗口方式打开
                },  {
                    title: 'menu item 3'
                    , id: 102
                    , type: 'group'  //菜单类型，支持：normal/group/parent/-
                    , child: [{
                        title: 'menu item 3-1'
                        , id: 103
                    }, {
                        title: 'menu item 3-2'
                        , id: 104
                        , child: [{
                            title: 'menu item 3-2-1'
                            , id: 105
                        }, {
                            title: 'menu item 3-2-2'
                            , id: 106
                        }]
                    }, {
                        title: 'menu item 3-3'
                        , id: 107
                    }]
                }, {
                    title: 'menu item 4'
                    , id: 108
                }, {
                    title: 'menu item 5'
                    , id: 109
                    , child: [{
                        title: 'menu item 5-1'
                        , id: 11111
                        , child: [{
                            title: 'menu item 5-1-1'
                            , id: 2111
                        }, {
                            title: 'menu item 5-1-2'
                            , id: 3111
                        }]
                    }, {
                        title: 'menu item 5-2'
                        , id: 52
                    }]
                },  {
                    title: 'menu item 6'
                    , id: 6
                    , type: 'group'
                    , isSpreadItem: false
                    , child: [{
                        title: 'menu item 6-1'
                        , id: 61
                    }, {
                        title: 'menu item 6-2'
                        , id: 62
                    }]
                }]
                , id: 'demo1'
                //菜单被点击的事件
                , click: function (obj) {
                    console.log(obj);
                    layer.msg('回调返回的参数已显示再控制台');
                }
            });*/
            $('#ordeId').on('click', '.laymodle', function () {
                var quotation =  $(this).data('quotation-number');
                $.ajax({
                    "url": "${pageContext.request.contextPath}/orderFrom/renderHomeOrderNumberQuery",
                    "type": "get",
                    "data": {quotation:quotation} ,
                    "dataType": "json",
                    "success": function(result) {
                        // 构建弹出框的内容
                        var content = '<div>';
                        content += '订单号：' + result[0].quotationNumber + '<br>';
                        content += '交货地址：' + result[0].deliveryAddress + '<br>';
                        content += '交期时间：' + result[0].deliveryTime + '<br>';
                        content += '订单描述：' + result[0].orderSrc + '<br>';
                        content += '</div>';
                        layer.open({
                            content: content,
                            title: '订单详情',
                            btn: '关闭'
                        });
                    },
                    "error": function() {
                        layer.alert("网络正忙")
                    }
                });
            });

            /**
             * 查看公告信息
             **/
            $('body').on('click', '.layuimini-notice', function () {
                var title = $(this).children('.layuimini-notice-title').text(),
                    noticeTime = $(this).children('.layuimini-notice-extra').text(),
                    content = $(this).children('.layuimini-notice-content').html();
                var html = '<div style="padding:15px 20px; text-align:justify; line-height: 22px;border-bottom:1px solid #e2e2e2;background-color: #2f4056;color: #ffffff">\n' +
                    '<div style="text-align: center;margin-bottom: 20px;font-weight: bold;border-bottom:1px solid #718fb5;padding-bottom: 5px"><h4 class="text-danger">' + title + '</h4></div>\n' +
                    '<div style="font-size: 12px">' + content + '</div>\n' +
                    '</div>\n';
                parent.layer.open({
                    type: 1,
                    title: '系统公告' + '<span style="float: right;right: 1px;font-size: 12px;color: #b1b3b9;margin-top: 1px">' + noticeTime + '</span>',
                    area: '300px;',
                    shade: 0.8,
                    id: 'layuimini-notice',
                    btn: ['查看', '取消'],
                    btnAlign: 'c',
                    moveType: 1,
                    content: html,
                    success: function (layero) {
                        var btn = layero.find('.layui-layer-btn');
                        btn.find('.layui-layer-btn0').attr({
                            href: 'https://gitee.com/zhongshaofa/layuimini',
                            target: '_blank'
                        });
                    }
                });
            });

            <%--//渲染玫瑰图表--%>
            $.ajax({
                "url": "${pageContext.request.contextPath}/sewingManager/queryTheNumberOfCropProduction",
                "type": "get",
                "data": {},
                "dataType": "json",
                "success": function(result) {
                    let producedCounts =[];
                    let submitDates= [];
                    for (var i in result) {
                        producedCounts[i] = result[i].producedCount;
                        submitDates[i] = result[i].submitDate;
                    }

                    var echartsDataset1 = echarts.init(document.getElementById('echarts-pies'), 'dark');
                    var optionDataset1 = {
                        title:{
                            text:'缝纫产量',
                            left: 'center'
                        },
                        xAxis: {
                            data: submitDates
                        },
                        yAxis: {},
                        series: [
                            {
                                type: 'bar',
                                data: producedCounts
                            }
                        ]
                    };

                    echartsDataset1.setOption(optionDataset1);
                },
                "error": function() {
                    layer.alert("网络正忙");
                }
            });



            $.ajax({
                "url": "${pageContext.request.contextPath}/tailor/checkSewingProductionQuantity",
                "type": "get",
                "data": {},
                "dataType": "json",
                "success": function(result) {
                    let producedCounts1 =[];
                    let submitDates1= [];
                    for (var i in result) {
                        producedCounts1[i] = result[i].producedCount;
                        submitDates1[i] = result[i].submitDate;
                    }

                    /**
                     * 柱状图2
                     */
                    var echartsDataset = echarts.init(document.getElementById('echarts-dataset'), 'dark');
                    var optionDataset = {
                        title:{
                            text:'裁剪产量',
                            left: 'center'
                        },
                        xAxis: {
                            data: submitDates1
                        },
                        yAxis: {},
                        series: [
                            {
                                type: 'bar',
                                data: producedCounts1
                            }
                        ]
                    };

                    echartsDataset.setOption(optionDataset);
                },
                "error": function() {
                    layer.alert("网络正忙");
                }
            });
            // echarts 窗口缩放自适应
            window.onresize = function () {
                echartsRecords.resize();
            }
        });
    </script>
</body>
</html>